<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>V网资费变更</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/website/css/app.css"/>
</head>
<body>
  <table class="am-table am-text-sm">
    <thead>
      <tr>
        <th colspan="2">
          当前号码：
          <span id="phone_number"></span>
        </th>
      </tr>
    </thead>
    <tbody>
      <script type="text/x-handlebars-template" id="amz-detail">
      {{#with info}}
        <tr>
          <td>当前V网资费：</td>
          <td class="am-text-secondary">{{PROD_PRC_NAME}}</td>
        </tr>
        <tr>
          <td>归属地名称：</td>
          <td class="am-text-secondary">{{REGION_NAME}}</td>
        </tr>
        <tr>
          <td>最大网外号码数：</td>
          <td class="am-text-secondary">{{MAX_OUT_NUM}}</td>
        </tr>
        <tr>
          <td>月费用限额：</td>
          <td class="am-text-secondary">{{LIMIT_FEE}}</td>
        </tr>
        <tr>
          <td>V网开户时间：</td>
          <td class="am-text-secondary">{{OPEN_TIME}}</td>
        </tr>
      {{/with}}
      </script>
      <tr></tr>
      <tr>
        <td colspan="2">请选择要变更的V网资费</td>
      </tr>
      <tr>
        <td colspan="2">
          <div align='center' class="am-padding">
            <input id="fee_id" type="hidden" value="" />
            <input type="text" class="am-form-field am-input-sm" placeholder="正在加载V网资费..." id="fee_name" value="" readonly/>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <button type="button" id="change_btn" class="am-btn am-btn-primary am-btn-block">确认更改</button>
        </td>
      </tr>
    </tbody>
  </table>
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd" >正在载入...</div>
      <div class="am-modal-bd">
        <span class="am-icon-spinner am-icon-spin"></span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal-changeTarrifPackages">
    <div class="am-modal-dialog">
      <div class="am-modal-bd" id="modal_content"> <i class="am-icon-spinner am-icon-spin"></i>
        正在变更资费套餐，请稍候...
      </div>
    </div>
  </div>
  <!--集团联系人-->
  <div class="am-modal am-modal-alert" tabindex="-1" id="alert-fee-list">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">请选择V网资费</div>
      <div id="group-list-div" class="am-modal-bd" style="height:200px; overflow:auto;overflow-x:hidden;">
        <ul class="am-list am-list-static am-list-border" id="fee-list">
          <script type="text/x-handlebars-template" id="amz-fee-list">
           {{#if feelist}}
            {{#feelist}}
              <li class="am-g">
                <input name="item_fee_id" type="hidden" value="{{FEE_NUM}}" />
                <div name="item_fee_name" class="am-text-truncate am-text-left am-text-sm">{{FEE_NAME}}</div>
              </li>
           {{/feelist}}
          {{else}}
            <div id="no-content-msg" class="am-text-center">{{error}}</div>
          {{/if}}
          </script>
        </ul>
        <div class="am-u-sm-12 am-hide am-text-center am-text-xs" id="loadingFeeList"> <i class="am-icon-spinner am-icon-spin"></i>
          加载中，请稍候……
        </div>
      </div>
      <div class="am-modal-footer">
        <span class="am-modal-btn">取消</span>
      </div>
    </div>
  </div>
  <div class="am-modal am-modal-alert" tabindex="-1" id="vgroup-alert">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">V网资费管理</div>
      <div class="am-modal-bd" id="vgroup-alert-content"></div>
      <div class="am-modal-footer">
        <span class="am-modal-btn" id="vgroup-alert-btn">确定</span>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/vgroup_zfbg_detail.js"></script>
  <script type="text/javascript">    

    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)：1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://'+window.location.host+'/upload/file/default_head_img.png';
        var title = "用移动手机宽带免费送";
        var description = "超人气预约套餐等你来约";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
  </script>
</body>
</html>